.br-menu {
  padding: 0;
  list-style: none;
  font-size: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;

  &__item{
    list-style: none;
    cursor: pointer;
    margin-bottom: 0 !important;
    padding-left: 18px;
    color: $text-color;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background: white;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    &--small {
      height: 26px;
      line-height: 26px;
      font-size: 12px;
    }

    &--large {
      height: 36px;
      line-height: 36px;
      font-size: 16px;
    }

    &--hover {
      color: $danger-color;
      background-color: #F3F3F3;
    }
    &--active {
      color: $danger-color;
      background-color: #F3F3F3;
    }
    &--disabled {
      color: #989898;
      background-color: #f1f1f1;
      pointer-events: none;
    }
  }
}
